<template>
  <el-container>
    <el-header>
      <Header></Header>
    </el-header>
    <el-main>
      <Banner></Banner>
      <Information></Information>
      <Skill></Skill>
      <Contact></Contact>
    </el-main>
    <el-footer>
      <Footer></Footer>
      <Backtop></Backtop>
    </el-footer>
  </el-container>
</template>

<script>
import Header from "@/components/Header.vue";
import Banner from "@/components/Banner.vue";
import Information from "@/components/Information.vue";
import Skill from "@/components/Skill.vue";
import Contact from "@/components/Contact.vue";
import Footer from "@/components/Footer.vue";
import Backtop from "@/components/Backtop.vue";
export default {
  components: { Header, Banner, Footer, Contact, Skill, Information, Backtop },
};
</script>

<style lang="less" scoped>
.el-header,
.el-main,
.el-footer {
  padding: 0;
}
</style>